<template>
  <div class="circle-manager-page">
    <component :is="currentCircleNav"></component>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'

const allCircle = () => import(/* webpackChunkName: "circle" */ './components/AllCircle.vue')
const ggCircle = () => import(/* webpackChunkName: "circle" */ './components/GgCircle.vue')
const newComments = () => import(/* webpackChunkName: "circle" */ './components/NewComments.vue')
const sendCircle = () => import(/* webpackChunkName: "circle" */ './components/SendCircle.vue')
const dataAnalysis = () => import(/* webpackChunkName: "circle" */ './components/DataAnalysis.vue')
const circleDetail = () => import(/* webpackChunkName: "circle" */ './components/CircleDetail.vue')
const timingTask = () => import(/* webpackChunkName: "circle" */ './components/TimingTask.vue')

export default {
  components: {
    allCircle,
    ggCircle,
    newComments,
    sendCircle,
    timingTask,
    dataAnalysis,
    circleDetail
  },
  data() {
    return {}
  },
  computed: {
    ...mapGetters({
      currentCircleNav: 'circleManager/currentCircleNav' // 当前账号下的微信列表
    })
  }
}
</script>

<style lang="scss" scoped>
.circle-manager-page {
  flex: 1 1 auto;
  padding: 20px;

  // overflow: hidden;
  // display: flex;
  // flex-direction: column;
  // position: relative;
  // border: solid red 1px;
}
</style>
